<div id="header">
<div class="container">
<!-- Page Menu -->
<ul id="page-menu" class="superfish nav">
 <li class="current_page_item"><a href="/"></a></li>
 <li class="page_item"><a href="/" title=""></a>
 <ul>
 <li class="page_item"><a href="/news" title=""></a></li>
 <li class="page_item"><a href="/blog" title=""></a></li>
 <li class="page_item"><a href="/forum" title=""></a></li>
 </ul>
 </li>
 <li class="page_item"><a href="/" title=""></a>
 <ul>
 <li class="page_item"><a href="/load" title=""></a></li>
 <li class="page_item"><a href="/photo" title=""></a></li>
 <li class="page_item"><a href="/gb" title=""></a></li>
 </ul>
 </li>
 <li class="page_item"><a href="/" title=""></a></li>
 <li class="page_item"><a href="/" title=""></a></li>
 <li class="page_item"><a href="/" title=""></a></li>
</ul><!-- end page menu -->
<div class="clear"></div>

<!-- Logo -->
<a href="/"><img src="/images/logo.png" alt="$SITE_NAME$" id="logo" /></a>
<div class="clear"></div>

<!-- Categories Menu -->
<ul id="cats-menu" class="superfish nav">
 <li class="cat-item"><a href="/" title=""></a></li>
 <li class="cat-item"><a href="/" title=""></a>
 <ul class='children'>
 <li class="cat_item"><a href="/news" title=""></a></li>
 <li class="cat_item"><a href="/blog" title=""></a></li>
 <li class="cat_item"><a href="/forum" title=""></a></li>
 </ul>
 </li>
 <li class="cat-item"><a href="/" title=""></a>
 <ul class='children'>
 <li class="cat_item"><a href="/load" title=""></a></li>
 <li class="cat_item"><a href="/photo" title=""></a></li>
 <li class="cat_item"><a href="/gb" title=""></a></li>
 </ul>
 </li>
 <li class="cat-item"><a href="/" title=""></a></li>
 <li class="cat-item"><a href="/" title=""></a></li>
 <li class="cat-item"><a href="/" title=""></a></li>
</ul> <!-- end categories menu -->
</div> <!-- end container -->
</div> <!-- end header -->

<div id="content">
<div id="container-top"></div>
<div class="container"> <!-- Featured Area -->
<div id="featured-area">
<div id="s1" class="pics"> 

<div>
<img src="http://glow-demo.do.am/images/imag1.png" width="630" height="298" alt="" />
<div class="excerpt">
<p> 
Phasellus tempor facilisis dui, ac dapibus tortor porta at. Proin varius semper pretium. Aliquam vitae sagittis ligula. Proin et sem eget nulla scelerisque sollicitudin. Donec varius..."</p>
</div>
<a href="" title=""><span class="feat-overlay"></span></a>
</div>

<div>
<img src="http://glow-demo.do.am/images/imag2.png" width="630" height="298" alt="" />
<div class="excerpt">
<p> 
Phasellus tempor facilisis dui, ac dapibus tortor porta at. Proin varius semper pretium. Aliquam vitae sagittis ligula. Proin et sem eget nulla scelerisque sollicitudin. Donec varius..."</p>
</div>
<a href="" title=""><span class="feat-overlay"></span></a>
</div>

<div>
<img src="http://glow-demo.do.am/images/imag4_1.png" width="630" height="298" alt="" />
<div class="excerpt">
<p> 
Phasellus tempor facilisis dui, ac dapibus tortor porta at. Proin varius semper pretium. Aliquam vitae sagittis ligula. Proin et sem eget nulla scelerisque sollicitudin. Donec varius..."</p>
</div>
<a href="/" title=""><span class="feat-overlay"></span></a>
</div>

</div> <!-- end .pics -->
<div id="slider-control">

<div class="featitem active">
<img src="http://glow-demo.do.am/images/imag1_2.png" alt="" />
<h2> </h2>
<span class="meta"> admin  4 </span>
<span class="order">1</span>
</div> <!-- end .featitem -->

<div class="featitem ">
<img src="http://glow-demo.do.am/images/imag2_1.png" alt="" />
<h2> </h2>
<span class="meta"> admin  4 </span>
<span class="order">2</span>
</div> <!-- end .featitem -->

<div class="featitem ">
<img src="http://glow-demo.do.am/images/imag4.png" alt="" />
<h2> </h2>
<span class="meta"> admin  4 </span>
<span class="order">3</span>
</div> <!-- end .featitem -->

</div> <!-- end slider-control div -->

<div class="clear"></div>
</div> <!-- end featured area -->
<div id="main-area-wrap" <?if($MODULE_ID$='forum')?>style="margin-top:-20px"<?endif?>>
<div id="wrapper">
<div id="main">